<script setup lang="ts">
import { ref } from "vue";
import { DetailFormProps } from "./utils/types";
const props = withDefaults(defineProps<DetailFormProps>(), {});

const newFormInline = ref(props.formInline);
</script>
<template>
  <div>
    <el-descriptions class="margin-top" :column="1" border>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">任务状态</div>
        </template>
        {{ newFormInline.taskStatus }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">任务分类</div>
        </template>
        {{ newFormInline.moduleCode }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">任务类型</div>
        </template>
        {{ newFormInline.taskType }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">目标位置</div>
        </template>
        {{ newFormInline.endPos }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">移动对象</div>
        </template>
        {{ newFormInline.moveObj }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">任务ID</div>
        </template>
        {{ newFormInline.taskId }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">错误信息</div>
        </template>
        {{ newFormInline.errorMsg }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">回调地址</div>
        </template>
        {{ newFormInline.feedbackUrl }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">创建时间</div>
        </template>
        {{ newFormInline.createdAt }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">更新时间</div>
        </template>
        {{ newFormInline.updatedAt }}
      </el-descriptions-item>
    </el-descriptions>
    <br />
  </div>
</template>
